import {useEffect, useState} from "react";

export function IsMobile() {

    // 浏览器的高度 默认设置为0；
    const [height, setHeight] = useState(0);
    const [mobile, setMobile] = useState(true);


    const resizeUpdate = (e) => {
        // 通过事件对象获取浏览器窗口的高度
        let h = e.target.innerWidth;
        setHeight(h);
    };

    useEffect(() => {
        // 页面刚加载完成后获取浏览器窗口的大小
        let h = window.innerWidth;
        setHeight(h)

        // 页面变化时获取浏览器窗口的大小
        window.addEventListener('resize', resizeUpdate);

        return () => {
            // 组件销毁时移除监听事件
            window.removeEventListener('resize', resizeUpdate);
        }
    }, []);

    useEffect(() => {
        if (height < 750) setMobile(true);
        else setMobile(false);
    }, [height])

    return {mobile}
}